<template>
  <div id='foot_guide'>
    <section @click = "gotoAddress('/home')" class="guide_item">
        <svg class="icon_style">
              <use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="$route.path.indexOf('home') > -1? '#homeActive' : '#home'"></use>
          </svg>
          <span>首页</span>
      </section>
      <section @click = "gotoAddress('/team')" class="guide_item">
        <svg class="icon_style">
              <use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="$route.path.indexOf('team') > -1? '#teamActive' : '#team'"></use>
          </svg>
          <span>市场团队</span>
      </section>
      <section @click = "gotoAddress('/finance')" class="guide_item">
        <svg class="icon_style">
              <use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="$route.path.indexOf('finance') > -1? '#financeActive' : '#finance'"></use>
          </svg>
          <span>财务中心</span>
      </section>
      <section @click = "gotoAddress('/personal')" class="guide_item">
        <svg class="icon_style">
              <use xmlns:xlink="http://www.w3.org/1999/xlink" :xlink:href="$route.path.indexOf('personal') > -1? '#personalActive' : '#personal'"></use>
          </svg>
          <span>个人中心</span>
      </section>
  </div>
</template>

<script>

export default {
  mounted(){

  },
  methods: {
    gotoAddress (path) {
      // this.$vux.loading.show({
      //   text: '加载中...'
      // })
      this.$router.push(path)
    }
  },
  watch: {

  },
  data () {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../pulic/mixin';

#foot_guide{
        background-color: #fff;
        position: fixed;
        z-index: 100;
        left: 0;
        right: 0;
        bottom: 0;
        @include wh(100%, 1rem);
        display: flex;
        box-shadow: 0 -0.026667rem 0.053333rem rgba(0,0,0,.1);
    }
    .guide_item{
    	flex: 1;
    	display: flex;
    	text-align: center;
    	flex-direction: column;
    	align-items: center;
		.icon_style{
			@include wh(.8rem, .8rem);
			fill: #000;
		}
    }

</style>
